
<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/gallery.css" rel="stylesheet" type="text/css" media="all" />
<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'> -->
<script src="js/jquery.min.js"></script>
<script src="js/hover_pack.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
   <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
	<script type="text/javascript">
	$(function () {

		var filterList = {

			init: function () {

				// MixItUp plugin
				// http://mixitup.io
				$('#portfoliolist').mixitup({
					targetSelector: '.portfolio',
					filterSelector: '.filter',
					effects: ['fade'],
					easing: 'snap',
					// call the hover effect
					onMixEnd: filterList.hoverEffect()
				});

			},

			hoverEffect: function () {

				// Simple parallax effect
				$('#portfoliolist .portfolio').hover(
					function () {
						$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
						$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
					},
					function () {
						$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
						$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
					}
				);

			}

		};

		// Run the show!
		filterList.init();


	});
	</script>
</head>
<body>
     <div class="header-top" style="position:fixed;width:100%;z-index:999;">
     	<div style="background: #000;">
	  	    <div class="wrap" style="text-align:center;">
		  		<div class="logo">
					<ul>
						<li><a href="index.html"><img src="images/logo02-012.png" alt=""></a></li> &nbsp;&nbsp;&nbsp;
						<!--<li class="line"> | &nbsp;&nbsp;&nbsp;I'am Your tag line</li>-->
						<div class="clear"> </div>
					</ul>
				</div>
		  		<div class="menu" style="float:none;display:inline-block;">
					<a class="toggleMenu" href="#"><img src="images/nav_icon.png" alt="" /> </a>
					<ul class="nav" id="nav" style="">
					  <li class="current"><a href="#home">首页</a></li>
					  <li><a href="#features">服务业务</a></li>
					  <li><a href="#works">客户案例</a></li>
					  <li><a href="#team">合作伙伴</a></li>
					  <li><a href="#contact">关于我们</a></li>
					  <div class="clear"></div>
					</ul>
					<script type="text/javascript" src="js/responsive-nav.js"></script>
				</div>
				<div class="tel" style="float:right;margin-top:30px;color:#fff;">
					咨询电话：15220058812
				</div>
		  		<div class="clear"></div>
		  	</div>
		</div>
	  </div>
	  <div class="slider_left" id="home">
		   	<div class="wmuSlider example1">
			   <div class="wmuSliderWrapper">
				   <article style="position: absolute; width: 100%; opacity: 0;">
				   	<div class="slider_text">
				   	  <h1>专注于为中国乃至全球的企业提供网络科技解决方案</h1>
				   	  <h2>我们是一支由精英组成的技术研发团队，我们积累了丰富的项目研发经验。</h2>
					   <h2>客户第一、诚信至上是我们坚守的原则，一切努力只为给企业带来优质的服务。</h2>sffdsfsdfsdasdf
						<div class="social_img">
							<img src="images/social_img.png" />
						</div>

		            </div>
				   </article>
				   <article style="position: relative; width: 100%; opacity: 1;">
					   <div class="slider_text">
						   <h1>专注于为中国乃至全球的企业提供网络科技解决方案</h1>
						   <h2>我们是一支由精英组成的技术研发团队，我们积累了丰富的项目研发经验。</h2>
						   <h2>客户第一、诚信至上是我们坚守的原则，一切努力只为给企业带来优质的服务。</h2>手动阀
						   <div class="social_img">
							   <img src="images/social_img.png" />
						   </div>

					   </div>
				   </article>
				    <article style="position: absolute; width: 100%; opacity: 0;">
						<div class="slider_text">
							<h1>专注于为中国乃至全球的企业提供网络科技解决方案</h1>
							<h2>我们是一支由精英组成的技术研发团队，我们积累了丰富的项目研发经验。</h2>
							<h2>客户第一、诚信至上是我们坚守的原则，一切努力只为给企业带来优质的服务。</h2>
							<div class="social_img">
								<img src="images/social_img.png" />
							</div>

						</div>
				   </article>
				 </div>
                <ul class="wmuSliderPagination">
                	<li><a href="#" class="">0</a></li>
                	<li><a href="#" class="">1</a></li>
                	<li><a href="#" class="">2</a></li>
                </ul>
             </div>
            	 <script src="js/jquery.wmuSlider.js"></script>
				       <script>
       						 $('.example1').wmuSlider();
   						</script>
   	    </div>
   	    <div class="test-monials-grids" id="features" style="padding-top:110px;">
	       <div class="wrap">
			<h3 class="m_2">我们的服务项目</h3>
			<div class="m_3"><span class="left_line1"> </span><img src="images/heart.png" alt=""/><span class="right_line1"> </span></div>
			  <div class="gallery items-3">
			    <div id="item-1" class="control-operator"></div>
			    <!--<div id="item-2" class="control-operator"></div>-->
			    <!--<div id="item-3" class="control-operator"></div>-->
				<figure class="item">
			         <div class="box1">
							<div class="col_1_of_3 span_1_of_3">
								<ul class="icon1">
									<li><i class="icon-21"> </i>
										<div class="desc">
											<h4>App开发</h4>
											<p>
												手机应用软件开发与服务<br/>
												随着智能手机的越发普及、用户越发依赖手机软件商店APP开发的市场需求与发展前景也是逐渐蓬勃
											</p>
										</div>
										<div class="clear"></div>
									</li>
								</ul>
							</div>
							<div class="col_1_of_3 span_1_of_3">
								<ul class="icon1">
									<li><i class="icon-22"> </i>
										<div class="desc">
											<h4>微信开发</h4>
											<p>
												通过微信公众平台将企业品牌展示给微信用户，减少宣传成本，将消费者接入企业CRM系统，进行促销、推广、宣传、售后等
											</p>
										</div>
										<div class="clear"></div>
									</li>
								</ul>
							</div>
							<div class="col_1_of_3 span_1_of_3">
								<ul class="icon1">
									<li><i class="icon-23"> </i>
										<div class="desc">
											<h4>网站建设</h4>
											<p>
												根据企业的产品特点、宣传推广量身定制网站，
												按照客户要求开发网站的功能及界面设计

											</p>
										</div>
										<div class="clear"></div>
									</li>
								</ul>
							</div>
						 <div class="col_1_of_3 span_1_of_3">
							 <ul class="icon1">
								 <li><i class="icon-24"> </i>
									 <div class="desc">
										 <h4>UI设计</h4>
										 <p>
											 UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计
										 </p>
									 </div>
									 <div class="clear"></div>
								 </li>
							 </ul>
						 </div>
							<div class="clear"></div>
						</div>
			    </figure>
				<!--<figure class="item">-->
			      <!--<div class="box1">-->
							<!--<div class="col_1_of_3 span_1_of_3">-->
								<!--<ul class="icon1">-->
									<!--<li><i class="megaphone"> </i>-->
										<!--<div class="desc">-->
											<!--<h4>Consulting</h4>-->
											<!--<p>soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. </p>-->
										<!--</div>-->
										<!--<div class="clear"></div>-->
									<!--</li>-->
								<!--</ul>-->
							<!--</div>-->
							<!--<div class="col_1_of_3 span_1_of_3">-->
								<!--<ul class="icon1">-->
									<!--<li><i class="feather"> </i>-->
										<!--<div class="desc">-->
											<!--<h4>Branding</h4>-->
											<!--<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam </p>-->
										<!--</div>-->
										<!--<div class="clear"></div>-->
									<!--</li>-->
								<!--</ul>-->
							<!--</div>-->
							<!--<div class="col_1_of_3 span_1_of_3">-->
								<!--<ul class="icon1">-->
									<!--<li><i class="pencil"> </i>-->
										<!--<div class="desc">-->
											<!--<h4>Development</h4>-->
											<!--<p>claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. </p>-->
										<!--</div>-->
										<!--<div class="clear"></div>-->
									<!--</li>-->
								<!--</ul>-->
							<!--</div>-->
							<!--<div class="clear"></div>-->
						<!--</div>-->
			    <!--</figure>-->
				<!--<figure class="item">-->
			      <!--<div class="box1">-->
							<!--<div class="col_1_of_3 span_1_of_3">-->
								<!--<ul class="icon1">-->
									<!--<li><i class="pencil"> </i>-->
										<!--<div class="desc">-->
											<!--<h4>Branding</h4>-->
											<!--<p>soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. </p>-->
										<!--</div>-->
										<!--<div class="clear"></div>-->
									<!--</li>-->
								<!--</ul>-->
							<!--</div>-->
							<!--<div class="col_1_of_3 span_1_of_3">-->
								<!--<ul class="icon1">-->
									<!--<li><i class="megaphone"> </i>-->
										<!--<div class="desc">-->
											<!--<h4>Development</h4>-->
											<!--<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam </p>-->
										<!--</div>-->
										<!--<div class="clear"></div>-->
									<!--</li>-->
								<!--</ul>-->
							<!--</div>-->
							<!--<div class="col_1_of_3 span_1_of_3">-->
								<!--<ul class="icon1">-->
									<!--<li><i class="feather"> </i>-->
										<!--<div class="desc">-->
											<!--<h4>Consulting</h4>-->
											<!--<p>claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. </p>-->
										<!--</div>-->
										<!--<div class="clear"></div>-->
									<!--</li>-->
								<!--</ul>-->
							<!--</div>-->
							<!--<div class="clear"></div>-->
						<!--</div>-->
			    <!--</figure>-->
				<!--<div class="controls">-->
			      <!--<a href="#item-1" class="control-button"> </a>-->
			      <!--<a href="#item-2" class="control-button"> </a>-->
			      <!--<a href="#item-3" class="control-button"> </a>-->
			    <!--</div>-->
			  </div>
			</div>
		</div>

	<div class="team" id="works" style="padding-top:110px;">
	   <h3 class="m_2">网建全案</h3>
	   <div class="m_3"><span class="left_line1"> </span><img src="images/heart.png" alt=""/><span class="right_line1"> </span></div>
	   <p class="m_5">创新是我们的原动力，精益求精是我们一贯的坚持</p>
	  <div class="wrap">
		 <div class="gallery autoplay items-3">
		    <!--<div id="no-autoplay-1" class="control-operaanimationtor"></div>-->
		    <!--<div id="no-autoplay-2" class="control-operator"></div>-->
		    <!--<div id="no-autoplay-3" class="control-operator"></div>-->
		<!-- 	<div id="autoplay-1" class="control-operator"></div>
			<div id="autoplay-2" class="control-operator"></div>
			<div id="autoplay-3" class="control-operator"></div> -->
				<div id="item-1" class="control-operator"></div>
				<div id="item-2" class="control-operator"></div>
				<div id="item-3" class="control-operator"></div>
		    <figure class="item">
		         <div class="team_box">
						<div class="col_1_of_4 span_1_of_4 " onclick = "openBox('01');"><a>
						    <div class="view view-fifth">
		                    <img src="images/pic/01-02.jpg" />
		                    </div>
		                    </a>
						    <div class="clear"></div>
						    <div class="grid_desc">
		                    	<h4>蒙牛集团<br/>（企业建站）</h4>
		                    	<!--<p>UI Designer</p>-->
		                    </div>
						</div>
						<div class="col_1_of_4 span_1_of_4" onclick = "openBox('02');"><a>
						    <div class="view view-fifth">
							    <img src="images/pic/02-02.jpg" />

		                    </div>
						    </a>
						    <div class="clear"></div>
						    <div class="grid_desc">
		                    	<h4>三只松鼠<br/>（商城系统）</h4>
		                    	<!--<p>Web Designer</p>-->
		                    </div>
						</div>
						<div class="col_1_of_4 span_1_of_4" onclick = "openBox('03');"><a>
						   <div class="view view-fifth">
							   <img src="images/pic/03-02.jpg" />

		                   </div>
						  </a>
						  <div class="clear"></div>
						  <div class="grid_desc">
		                    	<h4>玛汐<br />（服饰电商APP）</h4>
		                    	<!--<p>UI Designer</p>-->
		                    </div>
						</div>
						<div class="col_1_of_4 span_1_of_4" onclick = "openBox('04');"><a>
						    <div class="view view-fifth">
							    <img src="images/pic/04-02.jpg" />
		                    </div>
						    </a>
						    <div class="clear"></div>
						    <div class="grid_desc">
		                    	<h4>好丽友<br /></h4>
		                    	<!--<p>Web Designer</p>-->
		                    </div>
						</div>
						<div class="clear"></div>
				   </div>
		    </figure>
		    <figure class="item">
		      <div class="team_box">
						<div class="col_1_of_4 span_1_of_4" onclick = "openBox('05');"><a>
						   <div class="view view-fifth">
							   <img src="images/pic/05-02.jpg" />
		                    </div>
						    </a>
						    <div class="clear"></div>
						    <div class="grid_desc">
		                    	<h4>北京冬运会<br />(宣传策划)</h4>
		                    	<!--<p>UI Designer</p>-->
		                    </div>
						</div>
						<div class="col_1_of_4 span_1_of_4" onclick = "openBox('06');"><a>
						    <div class="view view-fifth">
							   <img src="images/pic/06-02.jpg" />
		                    </div>
						    </a>
						    <div class="clear"></div>
						    <div class="grid_desc">
		                    	<h4>阿芙</h4>
		                    	<!--<p>Web Designer</p>-->
		                    </div>
						</div>
						<div class="col_1_of_4 span_1_of_4" onclick = "openBox('07');"><a>
						   <div class="view view-fifth">
							   <img src="images/pic/07-02.jpg" />
		                   </div>
						  </a>
						   <div class="clear"></div>
						  <div class="grid_desc">
		                    	<h4>PHILIPS</h4>
		                    	<!--<p>Web Designer</p>-->
		                    </div>
						</div>
						<div class="col_1_of_4 span_1_of_4" onclick = "openBox('08');"><a>
						   <div class="view view-fifth">
							   <img src="images/pic/08-02.jpg" />
		                   </div>
						  </a>
						   <div class="clear"></div>
						  <div class="grid_desc">
		                    	<h4>中粮</h4>
		                    	<!--<p>Web Designer</p>-->
		                    </div>
						</div>
						<div class="clear"></div>
				   </div>
		    </figure>
		    <figure class="item">
		        <div class="team_box">
						<div class="col_1_of_4 span_1_of_4" onclick = "openBox('09');"><a>
						   <div class="view view-fifth">
							   <img src="images/pic/09-02.jpg" />
		                   </div>
						  </a>
						   <div class="clear"></div>
						  <div class="grid_desc">
		                    	<h4>御泥坊</h4>
		                    	<!--<p>Web Designer</p>-->
		                    </div>
						</div>
						<div class="col_1_of_4 span_1_of_4" onclick = "openBox('10');"><a>
						   <div class="view view-fifth">
							   <img src="images/pic/10-02.jpg" />
		                   </div>
						  </a>
						   <div class="clear"></div>
						  <div class="grid_desc">
		                    	<h4>小米<br /></h4>
		                    	<!--<p>Web Designer</p>-->
		                    </div>
						</div>
						<div class="col_1_of_4 span_1_of_4" onclick = "openBox('11');"><a>
						   <div class="view view-fifth">
							   <img src="images/pic/11-02.jpg" />
		                   </div>
						  </a>
						   <div class="clear"></div>
						  <div class="grid_desc">
		                    	<h4>雪弗兰<br /></h4>
		                    	<!--<p>Web Designer</p>-->
		                    </div>
						</div>
						<div class="col_1_of_4 span_1_of_4" onclick = "openBox('12');"><a>
						   <div class="view view-fifth">
							   <img src="images/pic/12-02.jpg" />
		                   </div>
						  </a>
						   <div class="clear"></div>
						  <div class="grid_desc">
		                    	<h4>兰芝</h4>
		                    	<!--<p>Web Designer</p>-->
		                    </div>
						</div>
						<div class="clear"></div>
				   </div>
		    </figure>
		    <div class="controls">
		      <!--<a href="#no-autoplay-1" class="control-button"> </a>-->
		      <!--<a href="#no-autoplay-2" class="control-button"> </a>-->
		      <!--<a href="#no-autoplay-3" class="control-button"> </a>-->
				<a href="#item-1" class="control-button"> </a>
			    <a href="#item-2" class="control-button"> </a>
			    <a href="#item-3" class="control-button"> </a>
		    </div>
		   </div>
	    </div>
    </div>

	 <div class="works">
		 <h3 class="m_2">我们坚信创新给予企业生命力</h3>
		 <div class="m_3"><span class="left_line1"> </span><img src="images/heart.png" alt=""/><span class="right_line1"> </span></div>
		 <p class="m_5">以用户需求为本，让产品为企业创造价值</p>
		 <div class="container">
			 <!--<ul id="filters" class="clearfix">-->
			 <!--<li><span class="filter active" data-filter="app card icon logo web">All</span></li>-->
			 <!--<li><span class="filter" data-filter="app">Branding</span></li>-->
			 <!--<li><span class="filter" data-filter="card">Web</span></li>-->
			 <!--<li><span class="filter" data-filter="icon">Logo Design</span></li>-->
			 <!--<li><span class="filter" data-filter="logo">Photography</span></li>-->
			 <!--</ul>-->
			 <div id="portfoliolist">
				 <div class="portfolio logo1 mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
					 <div class="portfolio-wrapper">
						 <a class="b-link-stripe b-animate-go  thickbox">
							 <img src="images/pic1.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
							 <p class="b-animate b-from-right    b-delay03 ">Lorem ipsum dolor sit amet.<br><span class="m_4">Photography</span></p></div></a>
					 </div>
				 </div>
				 <div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
					 <div class="portfolio-wrapper">
						 <a class="b-link-stripe b-animate-go  thickbox">
							 <img src="images/pic2.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
							 <p class="b-animate b-from-right    b-delay03 ">Lorem ipsum dolor sit amet.<br><span class="m_4">Photography</span></p></div></a>
					 </div>
				 </div>
				 <div class="portfolio web mix_all" data-cat="web" style="display: inline-block; opacity: 1;">
					 <div class="portfolio-wrapper">
						 <a class="b-link-stripe b-animate-go  thickbox">
							 <img src="images/pic9.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
							 <p class="b-animate b-from-right    b-delay03 ">Lorem ipsum dolor sit amet.<br><span class="m_4">Photography</span></p></div></a>
					 </div>
				 </div>
				 <div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
					 <div class="portfolio-wrapper">
						 <a class="b-link-stripe b-animate-go  thickbox">
							 <img src="images/pic3.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
							 <p class="b-animate b-from-right    b-delay03 ">Lorem ipsum dolor sit amet.<br><span class="m_4">Photography</span></p></div></a>
					 </div>
				 </div>
				 <div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
					 <div class="portfolio-wrapper">
						 <a class="b-link-stripe b-animate-go  thickbox">
							 <img src="images/pic4.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
							 <p class="b-animate b-from-right    b-delay03 ">Lorem ipsum dolor sit amet.<br><span class="m_4">Photography</span></p></div></a>
					 </div>
				 </div>
				 <div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
					 <div class="portfolio-wrapper">
						 <a class="b-link-stripe b-animate-go  thickbox">
							 <img src="images/pic8.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
							 <p class="b-animate b-from-right    b-delay03 ">Lorem ipsum dolor sit amet.<br><span class="m_4">Photography</span></p></div></a>
					 </div>
				 </div>
				 <div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
					 <div class="portfolio-wrapper">
						 <a class="b-link-stripe b-animate-go  thickbox">
							 <img src="images/pic5.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
							 <p class="b-animate b-from-right    b-delay03 ">Lorem ipsum dolor sit amet.<br><span class="m_4">Photography</span></p></div></a>
					 </div>
				 </div>
				 <div class="portfolio logo1 mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
					 <div class="portfolio-wrapper">
						 <a class="b-link-stripe b-animate-go  thickbox">
							 <img src="images/pic6.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
							 <p class="b-animate b-from-right    b-delay03 ">Lorem ipsum dolor sit amet.<br><span class="m_4">Photography</span></p></div></a>
					 </div>
				 </div>
			 </div>
		 </div><!-- container -->
	 </div>
    <div class="facts">
	  <div class="wrap">
	   <h3 class="m_2">我们有您想要的</h3>
	   <div class="m_3"><span class="left_line2"> </span><img src="images/heart1.png" alt=""/><span class="right_line2"> </span></div>
	    <div class="facts_box" style="margin-top:30px;">
		   <div class="col_1_of_f span_1_of_f">
			<i class="icon-31"> </i>
			 <div class="clock">
			 	<h4>经验与方法</h4>
			 	<p>专注一个方向——为您量身定制<br/>我们相信，因为专注，所以专业！</p>
			 </div>
		   </div>
		   <div class="col_1_of_f span_1_of_f">
			<i class="icon-32"> </i>
			 <div class="clock">
			 	<h4>激情与热忱</h4>
			 	<p>年轻的激情、认真的态度<br/>追求完美的用户体验！</p>
			 </div>
		   </div>
		   <div class="col_1_of_f span_1_of_f">
			<i class="icon-33"> </i>
			 <div class="clock">
			 	<h4>专业技术团队</h4>
			 	<p>移动互联产品开发专业的技术人员<br/>强大核心团队多年从业经验</p>
			 </div>
		   </div>
		   <div class="col_1_of_f span_1_of_f">
			<i class="icon-34"> </i>
			 <div class="clock">
			 	<h4>标准服务流程</h4>
			 	<p>标准的服务流程、相互间各专所长<br/>团队合作，让您放心！</p>
			 </div>
		   </div>
	 	   <div class="clear"></div>
	   </div>
	  </div>
    </div>

	<div class="add_page01" id="team">
		<p>互利 共赢 分享 平等</p>
		<div class="add_con01">
			<img src="images/img02.png"/>
		</div>
	</div>

	 <div class="add_page02" id="contact">
		 <h1>关于我们</h1>
		 <div class="add_con02">
			 <p>
				<span style="font-size: 20px;">艺点品牌策划机构</span>&nbsp;&nbsp;&nbsp;&nbsp;<br />艺点专注于为客户提供从品牌资产研究、市场洞察、品牌机会分析、品牌战略、品牌组合规划、命名和语词创作、设计到内部品牌导入、品牌管理制度建设的综合性服务，以提升客户在海内外的品牌影响力。<br/>
				<span style="font-size: 25px;">艺点10年</span>&nbsp;&nbsp;&nbsp;&nbsp;<br />我们不是单纯的设计公司，我们更擅长品牌。全案十年来，一如既往的专研品牌之路。艺点品牌，具有品牌全案策划经验，
				国际快速消费品品牌核心，战略策划机构。<br />
				<span style="font-size: 25px;">专业团队</span>&nbsp;&nbsp;&nbsp;&nbsp;<br />在艺点，我们不仅有跨国性的设计团队，更有专业的企业营销顾问。我们将两者有机的结合，坚信“良好的沟通是成功的起源，盲目的设计是失败的开端”。我们一直秉承“勤于沟通，重于大局，微于细节，贵于专业”的公司宗旨。<br />
				<span style="font-size: 25px;">销量突破1000W</span>&nbsp;&nbsp;&nbsp;&nbsp;<br />艺点品牌是线上唯一一家年设计销量突破1000w的设计机构！猪八戒网2009年至2014年连续6年销量排名第一服务商，线上品牌标准制定者，2010年度全球威客大会颁发终身成就奖，猪八戒术语“设计总监”“视觉形象”创造者。<br />
			 </p>
			 <div class="add-address">
				 <div class="address-l">
					 <p><i class="icon-add01"></i>咨询电话：15220058812</p>
					 <p><i class="icon-add02"></i>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：tech@vipyidian.com</p>
					 <p><i class="icon-add03"></i>地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：天津市红桥区咸阳北路宝能创业中心A座24层</p>
					 <p><i class="icon-add04"></i>链&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;接：啄木鸟 <a href="http://www.vipzmn.com" target="_blank" style="color: #fff"> www.vipzmn.com</a> | 艺 点 <a href="http://www.vipyidian.com" target="_blank" style="color: #fff"> www.vipyidian.com</a>
					 </p>
				 </div>
				 <div class="address-r"><img src="images/add-img.png"/></div>
				 <div class="clearfix"></div>
			 </div>
		 </div>
	 </div>
	<div class="add-footer">
		<p>Copyright © 2016 啄木鸟高端网站建设 | 艺点品牌形象策划机构</p>

	</div>

	 <!------------------pop---box--------------------->
	 <div class="popboxmain">
		 <div class="popboxfullbg"></div>
		 <div class="popboxdialog">
			 <div class="popboxdialogbody">
				<a class="boxclose"><span>×</span></a>
				<div id="boxBody">

				</div>
			 </div>
		 </div>
	 </div>
	 <!------------------pop---box---end------------------>


	 <script>
		 //弹窗
		 $(function () {
			 var boxbg = $(".popboxfullbg");
			 var boxdialog = $(".popboxdialog");
			 $(".boxclose").click(function () {
			 closeBg(boxbg, boxdialog);
			 });

		 });

		 function openBox(index){
			 var boxbg = $(".popboxfullbg");
			 var boxdialog = $(".popboxdialog");
			 var htmlcon = '<img src="images/pic/'+ index +'-02.jpg" />';
			 if(index == '01'){
				 htmlcon += '<p>蒙牛乳业以消费者为中心，秉承奉献高品质的理念，专注营养健康，每一天每一刻为更多人带来点滴幸福。蒙牛建立了全链条端到端的质量保障体系，先后与中国粮油食品企业中粮集团，欧洲乳品企业Danone，Arla Foods达成战略合作。以国际品质，奉献中国消费者。</p>';
			 } else if(index == '02'){
				 htmlcon += '<p>今日幸福（Cupiday）是今日幸福（天津）移动网络科技有限公司于2015年5月推出的全球首款生活助手类手机软件, 以提高生活幸福指数，改善生活质量为切入点, 为用户提供生活记录、数据分析、指导、笑话、新闻、靓图、保健知识、社区交流等功能服务。</p>';
			 } else if(index == '05') {
			 	htmlcon += '<p>2022年北京-张家口冬季奥运会（2022 The winter Olympics in Beijing & Zhangjiakou）第24届冬季奥林匹克运动会，简称“北京张家口冬奥会”，将在2022年02月04日～2022年02月20日在中华人民共和国北京市和张家口市联合举行。这是中国历史上第一次举办冬季奥运会，北京、张家口同为主办城市，也是中国继北京奥运会、南京青奥会后，中国第三次举办的奥运赛事</p>';
			 } else{
				 htmlcon += '<p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>';
			 }
			 $("#boxBody").html(htmlcon);
			 showBg(boxbg, boxdialog);
		 }

		 function showBg(boxbg,boxdialog) {
			 var bh = window.document.body.scrollHeight;
			 var bw = $("body").width();

			 boxbg.css({
				 height:bh,
				 width:bw,
				 display:"block",
				 overflow:"hidden"
			 });
			 boxdialog.show();
		 }

		 function closeBg(boxbg,boxdialog) {
			 boxbg.hide();
			 boxdialog.hide();
		 }

	 </script>

    <!--<div class="footer-top" id="contact">-->
	  <!--<div class="wrap">-->
	   <!--<h3 class="m_2">Let's Discuss</h3>	-->
	   <!--<div class="m_3"><span class="left_line1"> </span><img src="images/heart.png" alt=""/><span class="right_line1"> </span></div>-->
	   <!--<p class="m_5">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>-->
	   <!--<div class="project">-->
	   	    <!--<div class="rsidebar span_1_of_2">-->
			 	<!--<h4 class="m_8">parum claram, anteposuerit litterarum!</h4>-->
				<!--<div class="address">-->
				    <!--<p>500 Lorem Ipsum Dolor Sit,</p>-->
					<!--<p>22-56-2-9 Sit Amet, Lorem,</p>-->
					<!--<p>Phone:(00) 222 666 444</p>-->
				    <!--<p>Fax: (000) 000 00 00 0</p>-->
				 	<!--<p>Email: <span>support[at]brandi.com</span></p>-->
				 <!--</div>-->
		    <!--</div>-->
		    <!--<div class="cont span_2_of_2">-->
		       <!--<h4 class="m_9">Say hello!</h4>-->
				 <!--<div class="contact-form">-->
					<!--<div class="contact-to">-->
                     	<!--<input type="text" class="text" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">-->
					 	<!--<input type="text" class="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" style="margin-left:30px">-->
					 <!--</div>-->
					<!--<div class="text2">-->
	                   <!--<textarea value="Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Message</textarea>-->
	                <!--</div>-->
	             	<!--<span><input type="submit" class="" value="Send message"></span>-->
	                <!--<div class="clear"></div>-->
	               <!--</div>-->
		   <!--</div>-->
		   <!--<div class="social_icons">	-->
			  <!--<ul>	-->
				<!--<li class="behance"><a href="#"><span> </span></a></li>-->
				<!--<li class="tw1"><a href="#"><span> </span></a></li>-->
				<!--<li class="dribble1"><a href="#"><span> </span></a></li>-->
				<!--<li class="forest"><a href="#"><span> </span></a></li>	-->
				<!--<li class="g2"><a href="#"><span> </span></a></li>	-->
				<!--<div class="clear"></div>		-->
			  <!--</ul>-->
		    <!--</div>-->
		    <!--<div class="clear"></div>-->
		   <!--</div>-->
	  <!--</div>-->
	  <!--<div class="map">-->
		<!--<iframe width="100%" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Lighthouse+Point,+FL,+United+States&amp;aq=4&amp;oq=light&amp;sll=26.275636,-80.087265&amp;sspn=0.04941,0.104628&amp;ie=UTF8&amp;hq=&amp;hnear=Lighthouse+Point,+Broward,+Florida,+United+States&amp;t=m&amp;z=14&amp;ll=26.275636,-80.087265&amp;output=embed"></iframe><br><small><a href="https://maps.google.co.in/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=Lighthouse+Point,+FL,+United+States&amp;aq=4&amp;oq=light&amp;sll=26.275636,-80.087265&amp;sspn=0.04941,0.104628&amp;ie=UTF8&amp;hq=&amp;hnear=Lighthouse+Point,+Broward,+Florida,+United+States&amp;t=m&amp;z=14&amp;ll=26.275636,-80.087265" style="color:#666;text-align:left;font-size:12px"></a></small>-->
	  <!--</div>-->
   <!--</div>-->
   <!--<div class="footer-bottom">-->
	  <!--<div class="wrap">-->
		<!--<div class="section group">-->
				<!--<div class="col_1_of_5 span_1_of_5">-->
					<!--<div class="f-logo">-->
						<!--<img src="images/f-logo.png" alt=""/>-->
					<!--</div>-->
					<!--<p class="m_10">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.</p>-->
				<!--</div>-->
				<!--<div class="col_1_of_5 span_1_of_5">-->
					<!--<h5 class="m_11">Subscribe</h5>-->
					 <!--<form class="subscribe">-->
			             <!--<input type="text" value="">-->
			             <!--<input type="submit" value="">-->
			             <!--<div class="clear"></div>-->
			          <!--</form>-->
					<!--<p class="m_10">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</p>-->
				<!--</div>-->
				<!--<div class="col_1_of_5 span_1_of_5">-->
					<!--<h5 class="m_11">Explore</h5>-->
					<!--<ul class="list">-->
						<!--<li><a href="#">consectetueradi</a></li>-->
						<!--<li><a href="#">adipiscing elit</a></li>-->
						<!--<li><a href="#">Lorem ipsum dolor</a></li>-->
						<!--<li><a href="#">consectetueradi</a></li>-->
					<!--</ul>-->
					<!--<ul class="list1">-->
						<!--<li><a href="#">consectetuer</a></li>-->
						<!--<li><a href="#">consectetueradi</a></li>-->
						<!--<li><a href="#">adipiscing elit</a></li>-->
						<!--<li><a href="#">consectetueradi</a></li>-->
					<!--</ul>-->
				<!--</div>-->
				<!--<div class="col_1_of_5 span_1_of_5">-->
					<!--<ul class="m_11">-->
						<!--<li>euismod tincidunt<img src="images/heart.png" alt=""/>laoreet dolore magna aliquam consectetuer adipiscing</li>-->
					<!--</ul>-->
					<!--<div class="copy">-->
		             <!--<p>© 2014 Template </p>-->
		           <!--</div>-->
				<!--</div>-->
				<!--<div class="clear"></div>-->
	  		<!--</div>-->
	   <!--</div>-->
   <!--</div>			-->
   <script type="text/javascript">
		$(document).ready(function() {

			var defaults = {
	  			containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear'
	 		};


			$().UItoTop({ easingType: 'easeOutQuart' });

		});
	</script>
    <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
	<script src="js/jquery.scrollTo.js"></script>

	<script>
		$(document).ready(function() {
			$('#nav').onePageNav({
				begin: function() {
				console.log('start')
				},
				end: function() {
				console.log('stop')
				}
			});
		});
	</script>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
